<!DOCTYPE html>
<html>
  <!-- 撤销订单理由 -->
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title style="background-color: #00c6a7;">撤销理由</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/ali-icon/iconfont.css" />
  	<style type="text/css">
  		.card {
        width: 92%;
        border-radius: 6px;
        border: 1px solid #e5e5e5;
        box-shadow: 0px 0px 10px #e5e5e5;
        margin: 10px auto;
        position: relative;
      }
  	</style>
  </head>
  <body style="background: white;">
    <div id="app">
      <header class="aui-bar aui-bar-nav" style="padding-top: 25px; background-color: #00c6a7;">
        <a class="aui-pull-left aui-btn" onclick="api.closeWin();"> <span class="aui-iconfont aui-icon-left"></span> </a>
        <div class="aui-title" style="background-color: #00c6a7;">撤销理由</div>
      </header>
      <div class="aui-content card">
        <ul class="aui-list aui-list-in">
          <li class="aui-list-item">
            <div class="aui-list-item-inner" style="padding-top:0">
              <div class="aui-info-item"> <img src="../image/cancell.png" style="width:1rem" /><span class="aui-margin-l-5">请选择撤销理由</span> </div>
              <div class="aui-list-item-right">&nbsp;</div>
            </div>
          </li>
          <li class="aui-list-item">
            <div class="aui-list-item-inner">
              <div class="aui-list-item-title">车主更改时间</div>
              <div class="aui-list-item-right"> <input class="aui-radio" type="radio" name="radio1" checked @click="selectReason('车主更改时间')"> </div>
            </div>
          </li>
          <li class="aui-list-item">
            <div class="aui-list-item-inner">
              <div class="aui-list-item-title">车主电话未接通</div>
              <div class="aui-list-item-right"> <input class="aui-radio" type="radio" name="radio1" @click="selectReason('车主电话未接通')"> </div>
            </div>
          </li>
          <li class="aui-list-item">
            <div class="aui-list-item-inner">
              <div class="aui-list-item-title">距离太远</div>
              <div class="aui-list-item-right"> <input class="aui-radio" type="radio" name="radio1" @click="selectReason('距离太远')"> </div>
            </div>
          </li>
          <li class="aui-list-item">
            <div class="aui-list-item-inner">
              <div class="aui-list-item-title">设备故障</div>
              <div class="aui-list-item-right"> <input class="aui-radio" type="radio" name="radio1" @click="selectReason('设备故障')"> </div>
            </div>
          </li>
          <li class="aui-list-item">
            <div class="aui-list-item-inner">
              <div class="aui-list-item-title">技师无法去现场</div>
              <div class="aui-list-item-right"> <input class="aui-radio" type="radio" name="radio1" @click="selectReason('技师无法去现场')"> </div>
            </div>
          </li>
        </ul>
        <p>&nbsp;</p>
      </div>
      <div class="aui-bar-tab-item">
	      <div class="aui-btn" style="width: 92%; border-radius: 50px; display: block; margin:0 auto; background-color: #00c6a7;" @click="cancelOrder">提交</div>
	    </div>
    </div>
  </body>
  <script type="text/javascript" src="../script/api.js"></script>
  <script type="text/javascript" src="../script/base64.js"></script>
  <script type="text/javascript" src="../script/md5.js"></script>
  <script type="text/javascript" src="../script/common/vue.js"></script>
  <script type="text/javascript" src="../script/common/api.js"></script>
  <script type="text/javascript" src="../script/aui-popup-new.js"></script>
  <script type="text/javascript" src="../script/aui-dialog.js"></script>
  <script type="text/javascript" src="../script/my/order.js"></script>
  <script type="text/javascript">
    apiready = function() {};
  </script>
</html>
